<template>
  <div>
    <v-header/>
    <div 
      ref="wrapper" 
      :class="$style.wrapper">
      <nuxt/>
    </div>
    <v-footer/>
  </div>
</template>
 <script>
import vHeader from '../components/vHeader/index'
import vFooter from '../components/vFooter/index'
export default {
  components: {
    vHeader,
    vFooter
  },
  mounted() {
    let height = document.body.clientHeight
    this.$refs.wrapper.style.minHeight = height - 203 + 'px'
  }
}
</script>
<style>
a {
  color: #999;
  text-decoration: none;
}
a:hover {
  color: #e36049;
}
</style>
<style lang="scss" module>
.wrapper {
  margin: 0 auto;
  max-width: 1200px;
}
</style>
